#picture {
  background-size: cover;
  height: 1200px;
  object-fit: cover;
}

body {
  overflow-x: hidden;
  overflow-y: hidden;


}

.back {
  z-index: -4;
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  background-image: url("./src/background/4X.jpg");
  /* back和4X两个场景  back可用于16:10桌面 4x目前仅测试16:9桌面 */
  background-size: 100% 100%;
  background-repeat: repeat-x;
  animation: scroll-background 5s linear infinite;
}

@keyframes scroll-background {
  0% {
    transform: translate(0);
  }

  100% {
    transform: translateX(-50%);
    transform: translateY(-50%);
    /* 使用back.jpg时候去掉这个 */

  }
}

.content {
  min-height: 90vh;
  display: flex;
  flex-direction: column;
}

.main-content {
  flex: 1;
}

a {
  text-align: left;

}

.bi {
  vertical-align: -2px;
}

.rounded-3 {
  background-color: rgba(255, 255, 255, 0.932);
}

#selector{
  height: 0px;
  width: 0px;
}